1、将html层级结构，抽象成树形的结构
2、使用DOM节点对象来完成对页面元素的访问和操作过程
3、访问过程，得到DOM节点对象
document.getElementById("id属性值");
document.getElementsByTagName("标签名");//集合
document.getElementsByClassName("class属性值");//集合

node.children//集合  node.parentNode node.previousElementSibling
node.firstElementChild

4、DOM元素的属性
node.innerHTML 获取或者设置DOM节点中的html代码
node.innerText 获取或者设置DOM节点中的文本内容

node.getAttribute("属性名")//获取特定属性
node.setAttribute("属性名","属性值")//设置特定属性属性值
node.hasAttribute("属性名");
node.removeAttribute("属性名");